import React, {useEffect, useState} from 'react';
import styles from './startPage.module.scss'
import Logo from '../img/img.png'
import {Mask} from "antd-mobile";
import {useNavigate} from "react-router-dom";

function Index() {
    const [showDiv, setShowDiv] = useState(false);
    const navigate = useNavigate()
    useEffect(()=>{
        const timer = setTimeout(()=>{
            setShowDiv(true)
        },2000)

        return ()=>{
            clearTimeout(timer);
        }
    },[])
    return (
        <div className={styles.wrapper}>
            <img src={Logo} alt=""/>
            <Mask opacity='thin' visible={showDiv} onMaskClick={() => setShowDiv(false)}>
                <div className={styles.overlayContent}>
                    <h2>用户协议及隐私政策</h2>
                    <p>
                        您在使用易阅读过程中，不得以任何方式利用易阅读直接或间接从事违反中国法律、以及社会公德的行为。易阅读有权对用户使用简书的情况进行审查和监督，如用户在使用易阅读时违反任何上述规定，我公司或其授权的人有权要求用户改正或直接采取一切必要的措施。您可以阅读完整的<span>《易阅读隐私协议政策》</span> 更好的理解。
                    </p>
                    <div className={styles.agree} onClick={()=>navigate('/label_select')}>同意</div>
                    <div className={styles.disAgree}>不同意</div>
                </div>
            </Mask>
        </div>
    )
}

export default Index
